<!DOCTYPE html>
<html lang="en">
<head>
	<title>人马君减肥减脂一元体验班</title>
  <meta name="description" content="人马君年前福利大放送，坚守年前减脂最后一礼拜！">
  <meta charset="utf-8">
  <!-- Sets initial viewport load and disables zooming  -->
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
  <!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <link href="static/styles/vendor/sm.min.css" rel="stylesheet">
  <link href="static/styles/vendor/sm-extend.min.css" rel="stylesheet">
  <link href="static/styles/new-bmi.css" rel="stylesheet"/> 
</head>
<body style="background:#ffde00;">
	<div class="page-group">
    <div class="page page-current" id="bmi-home">

      <div class="bar bar-footer" style="padding: 0; background: #ffde00; height: 2.8rem;padding: .25rem 0;">
        <a href="#questionnaire" class="col-50"><img src="static/images/bmi-test/health-btn.png" style="height: 100%; display: block; margin: 0 auto;"></a>
      </div>

      <div class="content home-page">
        <img src="static/images/bmi-activity/logo.png" class="logo" alt="">
        <img src="static/images/bmi-test/bmi-index-cover.jpg" class="home-cover" alt="">
        <div class="high-server">
          <img src="static/images/bmi-test/high-end.png" style="margin-top: 1.75rem;" />
          <img src="static/images/bmi-test/server-1.png"/>
          <img src="static/images/bmi-test/server-2.png"/>
          <img src="static/images/bmi-test/server-3.png"/>
          <img src="static/images/bmi-test/lose-fat-after.png" style="margin-top: 1.75rem; margin-bottom: 1.75rem; "/>
          <img src="static/images/bmi-test/lose-fat.png"/>
          <img src="static/images/bmi-test/server-5.png"/>
          <img src="static/images/bmi-test/server-5.png"/>
          <img src="static/images/bmi-test/server-6.png"/>
          <img src="static/images/bmi-test/medal.png">
        </div>
      </div>
    </div>
    <div class="page" id="questionnaire" style="background: #313131;">
      <form class="questionnaire-form question-wrap">
        <div class="bar bar-footer">
          <div class="footer">
            <a href="javascript:void(0);" data-href="#questionnaire-two" class="survey-btn text-center">下一页</a>
          </div>
        </div>
        <div class="content questionnaire">
       
          <div class="header">
            <p class="headline text-center">请选择与您相符的选项<br>了解肥胖原因</p>
          </div>
          <div class="survey-body">
            <div class="survey-title">
              Q：一天吃甜食次数？
            </div>
            <div class="answer-select">
              <div class="item">
                <input type="radio" name="sweetDescription" value="少于3次">
                <label>少于3次</label>
              </div>
              <div class="item">
                <input type="radio" name="sweetDescription" value="3-5次">
                <label>3-5次</label>
              </div>
              <div class="item">
                <input type="radio" name="sweetDescription" value="5次以上">
                <label>5次以上</label>
              </div>
              
            </div>
            <div class="survey-title">
              Q：流汗时机？
            </div>
            <div class="answer-select">
              <div class="item">
                <input type="radio" name="sweatDescription" value="需剧烈运动才会">
                <label>需剧烈运动才会</label>
              </div>
              
              <div class="item">
                <input type="radio" name="sweatDescription" value="轻微运动就会">
                <label>轻微运动就会</label>
              </div>
             
              <div class="item">
                <input type="radio" name="sweatDescription" value="不运动也常会">
                <label>不运动也常会</label>
              </div>
            
            </div>
            <div class="survey-title">
              Q：全身肤质偏向？
            </div>
            <div class="answer-select">
              <div class="item">
                <input type="radio" name="skinDescription" value="油性">
                <label>油性</label>
              </div>
              <div class="item">
                <input type="radio" name="skinDescription" value="中性">
                <label>中性</label>
              </div>
              <div class="item">
                <input type="radio" name="skinDescription" value="干性">
                <label>干性</label>
              </div>
            </div>
            <div class="survey-title">
              Q：小腿直径大小？
            </div>
            <div class="answer-select">
              <div class="item">
                <input type="radio" name="shinDescription" value="上手臂的2倍以上">
                <label>上手臂的2倍以上</label>
              </div>
              <div class="item">
                <input type="radio" name="shinDescription" value="小于上手臂">
                <label>小于上手臂</label>
              </div>
              <div class="item">
                <input type="radio" name="shinDescription" value="大于上手臂但不到2倍">
                <label>大于上手臂但不到2倍</label>
              </div>
            </div>
          </div>
        </div> 
      </form>
    </div>
    <div class="page" id="questionnaire-two" style="background: #313131;">
      <form class="survey-form question-wrap">
        <div class="bar bar-footer">
          <div class="footer" style="bottom: 0;">
            <a href="javascript:void(0);" data-href="#basic-information" class="survey-btn text-center">下一页</a>
          </div>
        </div>
        <div class="content questionnaire-survey">
          <div class="header">
            <p class="headline text-center">请选择与您相符的选项<br>了解肥胖原因</p>
          </div>
          <div class="survey-body" style="min-height: 16rem;">
            <div class="survey-title">
              Q：腰围大小？
            </div>
            <div class="answer-select">
              <div class="item">
                <input type="radio" name="waistDescription" value="大于臀围">
                <label>大于臀围</label>
              </div>

              <div class="item">
                <input type="radio" name="waistDescription" value="与臀围差不多">
                <label>与臀围差不多</label>
              </div>

              <div class="item">
                <input type="radio" name="waistDescription" value="小于臀围">
                <label>小于臀围</label>
              </div>

            </div>
            <div class="survey-title">
              Q：每次减肥瘦身时？
            </div>
            <div class="answer-select">
              <div class="item">
                <input type="radio" name="slimDescription" value="先瘦脸">
                <label>先瘦脸</label>
              </div>

              <div class="item">
                <input type="radio" name="slimDescription" value="先瘦肚子">
                <label>先瘦肚子</label>
              </div>

              <div class="item">
                <input type="radio" name="slimDescription" value="先瘦大腿">
                <label>先瘦大腿</label>
              </div>

            </div>
            <div class="survey-title">
              Q：体重经常被人？
            </div>
            <div class="answer-select">
              <div class="item">
                <input type="radio" name="weightDescription" value="估对">
                <label>估对</label>
              </div>

              <div class="item">
                <input type="radio" name="weightDescription" value="低估">
                <label>低估</label>
              </div>

              <div class="item">
                <input type="radio" name="weightDescription" value="高估">
                <label>高估</label>
              </div>

            </div>
            
          </div>
        </div>
      </form>
    </div>
    <div class="page" id="basic-information" style="background: #313131;">
      <form class="information-form question-wrap">
        <div class="bar bar-footer">
          <div class="footer" style="bottom: 0;">
            <a href="javascript:void(0);" data-href="#result" class="survey-btn text-center">下一页</a>
          </div>
        </div>
        <div class="content information">
          <div class="header">
            <p class="headline text-center">请选择与您相符的选项<br>了解肥胖原因</p>
          </div>
          <div class="survey-body">
            <div class="input-group">
              <span class="input-label">性别：</span>
              <div class="input-wrap no-border answer-select">
                <div class="item">
                  <input type="radio" name="gender" value="MALE">
                  <label>男</label>
                </div>
                <div class="item">
                  <input type="radio" name="gender" value="FEMALE">
                  <label>女</label>
                </div>
              </div>
            </div>
            <div class="input-group">
              <span class="input-label">年龄：</span>
              <div class="input-wrap">
                <input type="number" name="age" value="">岁
              </div>
            </div>
            <div class="input-group">
              <span class="input-label">身高：</span>
              <div class="input-wrap">
                <input type="number" name="height" value="">CM
              </div>
            </div>
            <div class="input-group">
              <span class="input-label">体重：</span>
              <div class="input-wrap">
                <input type="number" name="weight" value="">KG
              </div>
            </div>
            <div class="input-group">
              <span class="input-label">目标体重：</span>
              <div class="input-wrap">
                <input type="number" name="targetWeight" style="width: 5.5rem;">KG
              </div>
            </div>
          </div>
        </div>
      </form>
    </div>
    <div class="page" id="result">
      <div class="content result">
        <img src="static/images/bmi-test/result-header.png" class="result-header">
        <div class="fs-score text-center">60</div>
        
        <img src="static/images/bmi-test/result-4.png" class="result-analyze result-image">
        <div class="result-body">
          <img src="static/images/bmi-test/trumpet.png" class="result-trumpet">
          <a href="javascript:void(0);" class="survey-btn text-center survery-success external">领取减脂方案</a>
        </div>
      </div>
    </div>
  </div>
  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-101357453-2', 'auto');
    ga('send', 'pageview');
  </script>
  <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?e697359d824bb9babbddea82b1c51ed2";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
  </script>
  <script src="static/scripts/vendor/require.js"></script>
  <script>
    requirejs(['./static/scripts/bmi-main'], function () {
      requirejs(['page/bmi-test/index'], function(page) {
        page.init();
      })
    });
  </script>
</body>
</html>
